.px2rem(@name,@px){
	@{name} : @px / 75 * 1rem;
}
.font-dpr(@font-size){
    font-size: @font-size;
 　[data-dpr="2"] & {
        font-size: @font-size * 2;
    }
    [data-dpr="3"] & {
 　    font-size: @font-size * 3;
    }
}
a{
	&:hover{
		text-decoration: none;
		color: red;
	}
}
body{
	background: #f9f9f9;
}
.top{
	background: #3e3e3e;
	.header{
		position: fixed;
		background: #3e3e3e;
		width: 100%;
		z-index: 999;
		div{
			cursor: pointer;		
			padding: 2% 2%;
			display: flex;
			color: #fff;
			justify-content: space-between;
			.iconfont{
				.font-dpr(30px);
			}
			.left{
				color: #fff;
				.font-dpr(20px);
				padding: 1% 0;
				&:hover{
					color: red;
				}
			}
		}
	}
	.author{
		position: relative;
		.px2rem(height,268);	
		img{
			.px2rem(height,182);
			position: absolute;
			left: 50%;
			.px2rem(margin-left,-92);
			.px2rem(top,120);
			border-radius: 6px;
		}
	}
}
.state{
		background: #fff;
	.resume{
		color: #666;
		padding:0 4%;
		padding-top: 5%;
		.font-dpr(22px);
		.name{
			display:block;
			text-align: center;
			margin: 2% 0;
		}
		p{
			.font-dpr(16px);
			.px2rem(line-height,50);
		}
		.down{
			display: flex;
			padding:2% 0;
			margin: 5% 0;
			justify-content: space-between;
			span{
				display: flex;
				align-items: center;
				justify-content: center;
				.font-dpr(14px);
			}
			.takers{
				flex:8;
				.count{
					padding-right:2%;
				}
			}
			.take{
				.font-dpr(20px);
				border: 1px solid #ccc;
				border-radius: 8%;
				margin-right: 2%;
				.px2rem(height,56);
				.px2rem(width,140);
				text-align: center;
			}
		}
	}
}
.center{
	color: #666;
	ul{
		li{
			background: #fff;
			text-align: left;
			margin: 3% 0;
			.dates{
				display: inline-block;
			    padding: 3% 4%;
			}
			p{
				padding: 0 4%;
				.font-dpr(20px);
				.px2rem(line-height,50);
			}
			.icon{
				width: 100%;
				padding: 3% 0;
				display: flex;
				justify-content: space-between;
				border-bottom: 1px solid #f3f3f3;
				span{
					padding-right:3%;
					padding: 0 4%;
				}
				div{
					width: 60%;
					text-align: left;
					padding: 0 3%;
					span{
						padding: 0 3%;
					}
				}
				.right{
					.font-dpr(20px);
					padding-right:6%;
					color: #666;
				}
				.right1{
					.font-dpr(20px);
					padding-right:6%;
					color: red;
				}
			}
			.rootIn{
				display: flex;
				justify-content: space-between;
				padding: 4% 4%;

				
			}
		}
	}
}
.qq{
	opacity: 0.5;
}